<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="icon" href="../img/xiaoxin.png" type="image/png">
    <meta name="theme-color" content="#4855EC">
    <title>小清新</title>

    <style type="text/css">
        * {
            margin: 0;
            padding: 0;
        }
        body {
            background: url(../img/bg.png) no-repeat;
            background-size: cover;
            background-attachment: fixed;
        }
    </style>
    <link rel="stylesheet" href="./css/main.css">
</head>
<body>
    <div class="playground">
        <div class="card-placeholder tpl-placeholder">
        </div>
        <!-- cards to sort -->
        <div class="card" draggable="true">
            <a href="./爱情魔方/index.html">
                <img width="250" height="150" src="./爱情魔方/poster.jfif" draggable="false" />
                <div class="card-text">
                    <h3>爱情魔方</h3>
                    <span>爱情就像不停旋转的魔方，有未知，才让我们充满幻想。</span>
                </div>
            </a>
        </div>
        <div class="card" draggable="true">
            <a href="./旋转相册/index.html">
                <img width="250" height="150" src="./旋转相册/poster.webp" draggable="false" />
                <div class="card-text">
                    <h3>旋转相册</h3>
                    <span>蓦然回首，那人却在，灯火阑珊处。</span>
                </div>
            </a>
        </div>
        <div class="card" draggable="true">
            <a href="./新年烟花/index.html">
                <img width="250" height="150" src="./新年烟花/poster.png" draggable="false" />
                <div class="card-text">
                    <h3>新年烟花</h3>
                    <span>人间烟火气，最抚凡人心。</span>
                </div>
            </a>
        </div>
        <div class="card" draggable="true">
            <a href="./粒子漩涡特效/index.html">
                <img width="250" height="150" src="./粒子漩涡特效/poster.webp" draggable="false" />
                <div class="card-text">
                    <h3>粒子漩涡</h3>
                    <span>要去追寻月亮 即使坠落也是掉进浩瀚星河。</span>
                </div>
            </a>
        </div>
        <div class="card" draggable="true">
            <a href="./OPPO 网页/index.html">
                <img width="250" height="150" src="./OPPO 网页/poster.jfif" draggable="false" />
                <div class="card-text">
                    <h3>手机官网</h3>
                    <span>人生若只如初见，何事秋风悲画扇。</span>
                </div>
            </a>
        </div>
        <!-- <div class="card" draggable="true">
            <a href="">
                <img width="250" height="150" src="https://source.unsplash.com/user/erondu/250x150" draggable="false" />
                <div class="card-text">
                    <h3>Some Title</h3>
                    <span>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam...</span>
                </div>
            </a>
        </div> -->
    </div>
</body>
</html>